import { createRouter, createWebHistory, createWebHashHistory } from "vue-router"
import type { RouteRecordRaw } from "vue-router"
import type { App } from "vue"

const routes = [
  { path: "/", component: () => import("@/components/HelloWorld.vue") },
  { path: "/haha", component: () => import("@/components/HelloTest.vue") }
]

// 创建路由实例
const router = createRouter({
  history: createWebHistory(import.meta.env.VITE_BASE_PATH),
  strict: true,
  routes: [] as RouteRecordRaw[],
  scrollBehavior: () => ({ left: 0, top: 0 })
})

export const resetRouter = (): void => {
  const resetWhiteNameList = ["Redirect", "Login", "NoFind", "Root"]
  router.getRoutes().forEach((route) => {
    const { name } = route
    if (name && !resetWhiteNameList.includes(name as string)) {
      router.hasRoute(name) && router.removeRoute(name)
    }
  })
}

export const setupRouter = (app: App<Element>) => {
  app.use(router)
}

export default router
